<template>
  <a-steps :current="value" :labelPlacement="labelPlacement">
    <a-step v-for="item in steps" :key="item.title" :title="item.title" />
  </a-steps>
</template>

<script>
export default {
  props: {
    steps: {
      type: Array,
      default: () => {
        return [];
      }
    },
    current: {
      type: Number,
      default: 0
    },
    value: {
      type: Number,
      default: 0
    },
    // 指定标签放置位置,默认水平放图标右侧,可选 vertical 放图标下方
    labelPlacement: {
      type: String,
      default: "vertical"
    }
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.ant-steps-item {
  text-align: initial;
}
</style>
